<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>08-统一设置请求头-token.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <script src="../assets/lib/axios.js"></script>
    <script>
      /* 
       1 解决 很多次请求  都需要带上 token的问题 
       2 借助 axios 请求拦截器的帮助！！！ 
       */
      axios.interceptors.request.use(
        function (config) {
          // 在发送请求之前做些什么
          console.log("请求拦截器触发啦");
          console.log(config);
          // 如果我们在拦截器中 修改了 请求的url    真正会被改变
          // config.url = 'aabsdfdsfdsfd';
          // 可以在拦截器中 来修改  发送出去的请求的信息  -  请求头 请求体 请求url。。。。
          // 在你的请求头 带一个token
          // config.headers.abd = 12334;

          // 统一设置 token
          config.headers.Authorization = "dsfdsfdfdfdfd";
          return config;
        },
        function (error) {
          // 对请求错误做些什么
          return Promise.reject(error);
        }
      );

      axios({
        url: "http://www.itcbc.com:8000/init/data",
      });
    </script>
  </body>
</html>
